<template>
    <div style="background: #f2f2f2;width: 100%;height: 100vh;">
        <div style="width: 100%;height: 40px;text-align: center;line-height: 40px;background: #fff;">
            个人中心
        </div>
        <div style="width: 100%;height: 120px;background: #fff;">
            <van-icon name="user" style="float: left;width: 40px;
            height: 4cqmax;" />
            <h4>TopMaker</h4>
            <van-grid :column-num="5">
                <van-grid-item v-for="value in 5" :key="value" icon="photo-o" text="全部订单"  style="width: 30px;
                height: 60px;"/>
            </van-grid>
        </div>
        <br>
        <div style="width: 100%;height: 90px;background: #fff;" class="ss">
            <ul>
                <li>地址管理</li>
                <li>地址管理</li>
                <li>地址管理</li>
            </ul>
        </div>
        <br>
        <div style="width: 100%;height: 90px;background: #fff;" class="ss">
            <ul>
                <li>山地车啊</li>
                <li>时代精神的</li>
                <li>山东那边</li>
            </ul>
        </div>
        <br>
        <div style="width: 100%;height: 90px;background: #fff;" class="ss">
            <ul>
                <li>山地车啊</li>
                <li>时代精神的</li>
                <li>山东那边</li>
            </ul>
        </div>
        <br>
        <div style="width: 100%;height: 90px;background: #fff;" class="ss">
            <ul>
                <li>山地车啊</li>
                <li>时代精神的</li>
                <li>山东那边</li>
            </ul>
        </div>
    </div>
    <van-tabbar v-model="active">
        <van-tabbar-item icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item icon="search">分类</van-tabbar-item>
        <van-tabbar-item icon="friends-o">购物车</van-tabbar-item>
        <van-tabbar-item icon="setting-o">个人中心</van-tabbar-item>
    </van-tabbar>

</template>

<script setup>

</script>

<style scoped>
.ss ul li {
    line-height: 30px;
    margin-left: 10px;
}
</style>